Cara Membuat Tombol Share Keren Pada Blog

Cara Membuat Tombol Share Keren Pada Blog - Haduw... Setelah sekian lama hilang akhirnya saya mulai kembali lagi kedunia blogging, kangen berat dengan blog saya soalnya dah lama banget nih kagak pernah posting dikarenakan lagi banyak kesibukan didunia nyata...hehe :D .Kali ini saya akan share cara membuat tombol share yang keren pada blog, jika kursor diarahkan pada Menu tombol share maka akan muncul banyak pilihan share button. Ok dah sampe sini dulu basa basinya, langsung aja ke TKP.

Berikut ini cara membuat tombol share pada blog :

1. Masuk ke akun blogger anda.
2. Selanjutnya pilih Layout / Tata Letak.
3. Pilih dan klik Tambahkan Gadget.
4. Pilih Html / Java Script.
5. Kemudian copy-kan kode dibawah ini.
<!-- Start Shareaholic Sassy Bookmarks HTML-->
    <div class='shr_ss shr_publisher'>
    </div>
    <!-- End Shareaholic Sassy Bookmarks HTML -->
    <!-- Start Shareaholic Sassy Bookmarks settings -->
    <script type='text/javascript'>
    var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
    </script>
    <!-- End Shareaholic Sassy Bookmarks settings -->
    <!-- Start Shareaholic Sassy Bookmarks script -->
    <script type='text/javascript'>
    (function() {
    var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
    sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
    var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
    })();
    </script>
    <!-- End Shareaholic Sassy Bookmarks script -->
6. Untuk judul kosongkan aja lalu Simpan.

Nah gimana sob, sangat mudahkan...saya yakin pasti anda dapat melakukannya. Sekian dulu postingan saya kali ini, Selamat mencoba sob dan semoga bermanfaat !!!

Read More

Trik Untuk Membuat Pagging Navigasi di Blogspot

Trik Untuk Membuat Pagging Navigasi di Blogspot - Aduh dah lama gak muncul akhirnya saya kembali lagi untuk share bagaimana cara membuat pagging navigasi. Sobat blogger pasti dah pada tau dong apa itu pagging navigasi? Pagging navigasi ini berguna untuk mempermudah pengunjung dalam mencari artikel dihalaman tertentu sesuai dengan keinginan mereka. Cara bikinnya cukup mudah kog sob, silahkan simak langkah langkahnya berikut ini.

1. Masuk ke blog anda.
2. Pilih dan klik Template.
3. Klik Edit Html.
4. Jangan lupa centang Expand Template Widget.
5. Kemudian cari kode ]]></b:skin> 
6. Lalu copy kan kode dibawah ini diatas kode ]]></b:skin>
/* ----- Page Navigation styles ----- */

.showpageNum a {
padding: 2px 5px;
margin:0 5px;
text-decoration: none;
border:1px solid #ccc;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #eee;
}
.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #ccc;
background: #ddd;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 2px 5px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}
7. Selanjutnya cari kode </body> lalu copy kan kode dibawah ini tepat diatas kode </body>


<!--Page Navigation Start-->
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://ahmad-rifai-tools.googlecode.com/files/pagenavi.js'
type='text/javascript'/>
<!--END Page Navigation -->
8. Jangan lupa simpan Template nya sob.

Nah sekarang tinggal lihat aja pada blog sobat, pasti ada perubahan. Semoga bermanfaat !!

Read More

Cara Membuat Loading Pada Blog Menjadi Cepat

*Cara Membuat Loading Blog Menjadi Cepat* - HeiLo sob,, memiliki sebuah blog yang ringan pasti menjadi keinginan setiap blogger. Blog yang ringan akan membuat loading page menjadi cepat sehingga para pengunjung akan senang mampir ke blog kita untuk mencari artikel yang mereka butuhkan.

Sebenernya jika kita ingin membuat loading pada blog kita menjadi cepat, kita jangan terlalu banyak memasang widget atau gadget pada blog kita. Dengan memperhatikan hal sesederhana itu saja sudah menjadikan blog kita ringan namun memang agak kurang menarik jika sebuah blog tanpa dilengkapi gadget. 

Jadi kali ini saya akan memberikan sedikit trik agar loading pada blog anda menjadi cepat. Caranya sangat gampang kog, anda hanya tinggal meng-copy kan script dibawah ini. silahkan disimak ya sob langkah-langkahnya.

1. Masuk ke akun blogger anda.
2. Kemudian pilih template lalu pilih edit html.
3. Jangan lupa beri tanda centang terlebih dahulu pada Expand Template Widget.
4. Selanjutnya tekan ctrl+f lalu ketikkan </head> untuk memudahkan menemukan kode </head>
5. Setelah itu letakkan kode dibawah ini diatas kode </head>.
      
   
   

    <script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

   <script src='http://bdigg.googlecode.com/files/superload.js' type='text/javascript'/>

   <script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigf96YjRkNuqIwq0cu1si_SI6K4lf7-9yy9YyF3CKGIq8t-7ev3t1MqFfWvMAMbt-4eZypPXo25RrdpWyJainq2dn1o-wZfW6enhYJe4XRHgGvZlucuQmeYum_4K6jgZZ0rHeyugFwjKU/&quot;,threshold : 200}); }); </script>

        
6. Langkah terakhir pilih simpan template.

Sekarang tinggal anda rasakan bedanya, pasti tambah cepat kan sob loadingnya...hehe :D Silahkan dicoba ya sob, semoga bermanfaat !!

Read More